@eval proportionalFont org.rstudio.core.client.theme.ThemeFonts.getProportionalFont();
@eval fixedWidthFont org.rstudio.core.client.theme.ThemeFonts.getFixedWidthFont();

@external editor_dark;
@external rstudio-themes-dark;

@eval THEME_DARK_ROW_SELECTED org.rstudio.core.client.theme.ThemeColors.darkRowSelected;
@eval THEME_DARK_ROW_FOCUSED org.rstudio.core.client.theme.ThemeColors.darkRowFocused;

.findOutput {
   width: 100%;
   height: 100%;
   outline: none;
}

.findOutput tr {
   height: 20px;
}

.findOutput .headerRow td {
   font-weight: bold;
   font-size: 12px !important;
   padding: 2px 2px 2px 3px;
}

.line {
   color: #6E6E6E;
   font-family: fixedWidthFont;
   text-align: right;
   padding-left: 12px;
}

.lineValue {
   font-family: fixedWidthFont;
   padding-right: 2px;
   white-space: pre;
   overflow-x: hidden;
   text-overflow: ellipsis;
}

.selectedRow {
   background-color: #ccc;
}
*:focus .selectedRow {
   background-color: rgb(146, 193, 240)
}

.rstudio-themes-dark .selectedRow {
   background-color: THEME_DARK_ROW_SELECTED;
}

.rstudio-themes-dark *:focus .selectedRow {
   background-color: THEME_DARK_ROW_FOCUSED;
}

.editor_dark .selectedRow {
   color: #FFF;
}

.overflowWarning {
   font-weight: bold;
   padding-left: 2px;
   background-color: #900;
   color: white;
}

.findOutput strong {
   font-weight: normal;
   color: #66A;
}

.findOutput mark {
   font-weight: bold;
   background-color: #A81900;
   color: white;
}

.findOutputReplace strong {
   font-weight: bold;
   background-color: #A81900;
   text-decoration: line-through;
   color: white;
}

.findOutputReplace del {
   font-weight: bold;
   background-color: #A81900;
   text-decoration: line-through;
   color: white;
}

.findOutputReplace ins {
   font-weight: bold;
   background-color: #006600;
   text-decoration: none;
   color: white;
}

.findOutputReplace mark {
   font-weight: bold;
   background-color: #A81900;
   color: white;
}
